<template>
    <!-- // 渲染页面 -->
    <div class="list">
        <div
            class="article_item"
            v-for="(item, index) in articles"
            :key="index"
        >
            <h3 class="van-ellipsis">{{ item.title }}</h3>
            <div class="img_box">
                <img
                    v-for="url in item.cover.images"
                    class="w100"
                    :src="url"
                    :key="url"
                />
            </div>
            <!---->
            <div class="info_box">
                <span>{{ item.aut_name }}</span>
                <span>{{ item.comm_count }}评论</span>
                <span>{{ item.pubdate }}</span>
            </div>
        </div>
    </div>
</template>
<script>
import { mapState } from "vuex";
export default {
    computed: {
        ...mapState("articles", ["articles"]),
    },
};
</script>
